<include file="Public:header"/>

<div class="contract_intro">
	<div class="wrap">
		<div class="fl">
			<h2>{$info['title']}</h2>
			<ul class="clearfix step_detail">
				<li class="step1">回答一些简单的问题</li>
				<li class="step2">下载生成一份合同</li>
				<li class="step3">只要5-10分钟</li>
			</ul>
			<div class="operate">
				<a href="{:U('step', array('agreement_id' => $info['agreement_id']))}">创建合同</a>
			</div>
		</div>
		<div class="fr">
			<h3>{$info['title']}使用指南</h3>
			<div class="content">
				<div class="tinyscroll_pane">
					<div class="scrollbar"><div class="track"><div class="thumb"></div></div></div>
					<div class="viewport">
						<div class="overview">
							<p>{:nl2br($info['operating_guide'])}</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="contract_preview">
	<div class="wrap">
		<h2>合同预览</h2>
		<div class="content">
			<div class="preview_show">
				<div class="thumb_img">
					<img src="/Public/Images/agreement-bg.png" class="agreement-water" alt="">
					<p class="title">{$info['title']}</p>
					<p>&nbsp;</p>
					<p style="color: #ff0000">
						(声明：1、生成后格式为Word，无Logo、无水印；2、本声明文字可在下载后自行删除；3、生成过程中的提示，仅是基于通常情况下合同条款的示范，不能视为是米律的指导意见；4、合同文本及具体条款，不是标准及最终法律文本，仅供参考，米律建议根据实际情况，在法律专业人士的指导下进行修改后才使用，米律就在线生成的合同不承担任何法律责任。)
					</p>
					{$doc_content}
				</div>
			</div>
		</div>
	</div>
</div>
<style type="text/css">
.preview_show .title{
	font-size: 28px;
	text-align: center;
	line-height: 60px;
}
.preview_show p{
	font-size: 14px;
	line-height: 200%;
}
</style>
<script type="text/javascript" src="../Public/js/jquery.tinyscrollbar.min.js"></script>
<script type="text/javascript">
$(function(){
	if($(".tinyscroll_pane .overview").height()>$(".tinyscroll_pane").height()){
		$(".tinyscroll_pane").tinyscrollbar({sizethumb: 39});
	}
	else{
		$(".tinyscroll_pane .scrollbar").hide();
	}	
})
</script>
<include file="Public:footer"/>